/* pages/myArchive/myArchive.wxss */
@import "/assets/common.less";
.archive-page {
  position: relative;
  width: 100%;
  height: calc(100vh - 120rpx);
  //overflow: hidden;
  background: #fff;

  .navigation-bar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20rpx;
    box-sizing: border-box;

    .icon-a-huaban1fuben44 {
      font-size: 22px;
    }
  }
  .user-info-box{
    position: relative;
    margin-top: 80rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .avatar {
      width: 120rpx;
      height: 120rpx;
      border-radius: 30rpx;
      background: #f7f7f7;
      image{
        width: 100%;
        border-radius: 30rpx;
      }
    }
    .nickname{
      font-size: 14px;
      font-weight: bold;
      color:#1F2024;
      padding: 6rpx 0;
    }
    .uid{
      font-size: 14px;
      color: #ACACAC;
    }


  }
  .archive-form{
    position: relative;
    width: 100%;
    padding: 20rpx 60rpx;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */
    .archive-item{
      position: relative;
      &+.archive-item{
        margin-top: 30rpx;
      }
    }
    .label-box{
      position: relative;
      display: flex;
      align-items: center;
      font-size: 14px;
      padding-bottom: 12rpx;
      .svg-img{
        margin-right: 10rpx;
      }
    }
    .input-box{
      position: relative;
      width: 100%;
      border: 1rpx solid #3060FC;
      border-radius: 16rpx;
      padding: 15rpx 20rpx;
      box-sizing: border-box;
      font-size: 14px;
    }
    .input-textarea{
      height: 100rpx;
    }
  }
  .svg-img{
    width: 40rpx;
    height: 40rpx;
  }
  .footer-fixed{
    position: fixed;
    padding: 20rpx 60rpx;
    bottom: 0;
    background: #fff;
    left: 0;
    width: 100%;
    height: 112rpx;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1rpx solid #d3d3d3;
    z-index: 99;
    .primary-btn{
      width: 100%;
    }
  }
}